<template>
  <div class="total-background">
    <div class="middle-container">
      <middle-login></middle-login>
    </div>
    <div class="login-footer">
      <span class="line1">武汉华中数控股份有限公司版权所有</span>
      <span class="line2"><a href="https://beian.miit.gov.cn/" target="_blank">鄂ICP备12013633号-2</a></span>
      <span class="line3">技术支持：华中数控股份有限公司 (工业互联网事业部)</span>
    </div>
  </div>
</template>

<script>
  import MiddleLogin from './components/Middle'
  export default {
    name: "Login",
    components:{
      MiddleLogin
    },
    methods: {
      getLocalStorageData () {
        const phone = localStorage.getItem('phone');
        if (phone) {
          this.$router.push('/index');
        }
      }
    },
    mounted () {
      // 获取缓存的值;
      this.getLocalStorageData();
    }
  }
</script>

<style scoped="scoped">
  .total-background{
    background: url('../../images/background.png') center center no-repeat;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover;
  }
  .middle-container{
    position: absolute;
    left: 20%;
    top: 20%;
    height: 60%;
    width: 60%;
  }
  .login-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 38px;
    width: 100%;
    /* background: #121212; */
    line-height: 38px;
    font-family: MicrosoftYaHei;
    text-align: center;
  }
  .login-footer .line1 {
    color: #121212;
    font-size: 14px;
    margin-right: 8px;
  }
  .login-footer .line2 {
    margin-right: 128px;
    font-size: 14px;
  }
  .login-footer .line2 a {
    color: #1890ff;
  }
  .login-footer .line3 {
    color: #121212;
    font-size: 14px;
  }
</style>

